#main-footer {
    position: relative;
    display: block;
    background-color: #323237;
    color: #b9bcbf;
    font-size: 12px;
    text-align: center;
    padding: 80px 0
}

@media(max-width: 767px) {
    #main-footer {
        padding-top:48px;
        padding-bottom: 48px
    }
}

#main-footer p.p-spec {
    margin-bottom: 65px
}

#main-footer p.p-spec a.spec-link {
    font-size: 16px;
    margin-bottom: 65px
}

#main-footer p {
    font-size: 12px;
    font-size: 1.2rem;
    margin: 0 0 12px
}

#main-footer p a {
    color: #b9bcbf;
    font-size: 12px;
    border-color: #b9bcbf
}

#main-footer p a:hover {
    color: #00d7ff;
    border-color: #00d7ff
}

#main-footer .language-selector {
    padding-left: 12px
}

#main-footer .language-selector a {
    color: #b9bcbf;
    font-size: 12px;
    border-color: transparent;
    text-decoration: none
}

#main-footer .language-selector a:hover {
    color: #00d7ff;
    border-color: transparent
}

#main-footer .gogoro-logo {
    width: 60px;
    height: 14px;
    position: relative;
    right: -2px
}

#main-footer .navbar-footer {
    padding-top: 100px;
    margin: 0
}

@media(min-width: 768px) and (max-width:991px) {
    #main-footer .navbar-footer {
        padding-top:48px;
        padding-bottom: 48px
    }

    #main-footer .navbar-footer li:first-of-type {
        margin-bottom: 24px
    }
}

@media(max-width: 767px) {
    #main-footer .navbar-footer {
        padding-top:48px;
        padding-bottom: 48px
    }

    #main-footer .navbar-footer li:first-of-type {
        margin-bottom: 24px
    }
}

#main-footer .navbar-footer .btn {
    margin: 0 10px;
    min-width: 194px
}

#main-footer .border-right {
    border-right: 1px solid #b9bcbf;
    padding: 3px 12px 3px 0
}

#main-footer .container.padding-bottom-100 {
    padding-bottom: 20px
}

#main-footer .margin-bottom-100 {
    margin-bottom: 80px
}

#main-footer .disclaimer {
    font-size: 10.5px;
    width: 740px;
    margin: 0 auto;
    margin-bottom: 80px;
    font-size: small;
    color: #8f9091
}

@media(min-width: 768px) and (max-width:991px) {
    #main-footer .disclaimer {
        width:100%;
        margin-bottom: 48px
    }

    #main-footer .margin-bottom-100 {
        margin-bottom: 48px
    }
}

@media(max-width: 767px) {
    #main-footer .disclaimer {
        width:100%;
        margin-bottom: 48px
    }

    #main-footer .margin-bottom-100 {
        margin-bottom: 48px
    }
}

body.navbar-main-active {
    overflow: hidden
}

#main-header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    position: fixed;
    z-index: 900;
    -webkit-transition: background-color .2s ease;
    -moz-transition: background-color .2s ease;
    -o-transition: background-color .2s ease;
    transition: background-color .2s ease
}

@media only screen and (min-device-width: 768px) and (max-device-width:1024px) and (orientation:landscape) {
    #main-header {
        position:static
    }
}

@media(min-width: 768px) and (max-width:991px) {
    #main-header {
        position:static
    }
}

@media(max-width: 767px) {
    #main-header {
        position:static
    }
}

#main-header.fixed {
    position: fixed;
    z-index: 900;
    background-color: #fff;
    border-bottom: 2px solid #f1f3f3
}

@media(max-width: 767px) {
    #main-header.fixed {
        border:none
    }
}

.navbar.navbar-default-gogoro {
    height: 80px;
    border-radius: 0;
    background-clip: padding-box;
    border: none;
    margin-bottom: 0;
    position: relative;
    z-index: 1000;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

@media(min-width: 768px) and (max-width:991px) {
    .navbar.navbar-default-gogoro {
        height:52px
    }
}

@media(max-width: 767px) {
    .navbar.navbar-default-gogoro {
        height:52px
    }
}

.navbar.navbar-default-gogoro.fixed {
    position: fixed;
    left: 0;
    top: -80px;
    width: 100%;
    z-index: 1002
}

.navbar.navbar-default-gogoro.fixed .navbar-background {
    z-index: 0;
    background-color: #fff;
    border-bottom: 1px solid #f1f3f3;
    width: 100%;
    height: 80px;
    position: absolute;
    top: 0;
    left: 0
}

.navbar.navbar-default-gogoro .container-fluid {
    padding: 0 5%
}

.navbar.navbar-default-gogoro .navbar-header {
    width: 100%;
    position: relative;
    z-index: 1
}

@media(min-width: 768px) and (max-width:991px) {
    .navbar.navbar-default-gogoro .navbar-header {
        margin-left:0;
        margin-right: 0
    }
}

@media(max-width: 767px) {
    .navbar.navbar-default-gogoro .navbar-header {
        margin-left:0;
        margin-right: 0
    }
}

@media(min-width: 768px) and (max-width:991px) {
    .navbar.navbar-default-gogoro .container {
        padding-left:0;
        padding-right: 0
    }
}

@media(max-width: 767px) {
    .navbar.navbar-default-gogoro .container {
        padding-left:0;
        padding-right: 0
    }
}

.navbar.navbar-default-gogoro .navbar-toggle {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 46px;
    height: 38px;
    background-color: transparent;
    margin: 0!important
}

@media only screen and (min-device-width: 768px) and (max-device-width:1024px) and (orientation:landscape) {
    .navbar.navbar-default-gogoro .navbar-toggle {
        display:none
    }
}

@media(min-width: 992px) and (max-width:1199px) {
    .navbar.navbar-default-gogoro .navbar-toggle {
        display:none
    }
}

@media(min-width: 768px) and (max-width:991px) {
    .navbar.navbar-default-gogoro .navbar-toggle {
        display:block;
        padding: 10px;
        width: 43px;
        top: 8px;
        right: 5px
    }
}

@media(max-width: 767px) {
    .navbar.navbar-default-gogoro .navbar-toggle {
        display:block;
        padding: 10px;
        width: 43px;
        top: 8px;
        right: 5px
    }
}

.navbar.navbar-default-gogoro .navbar-toggle .icon-bar {
    display: block;
    position: absolute;
    left: 10px;
    height: 2px;
    width: 24px;
    margin: 0;
    background-color: #323237;
    border-radius: 0;
    background-clip: padding-box
}

@media(min-width: 768px) and (max-width:991px) {
    .navbar.navbar-default-gogoro .navbar-toggle .icon-bar {
        width:21px;
        left: 10px
    }
}

@media(max-width: 767px) {
    .navbar.navbar-default-gogoro .navbar-toggle .icon-bar {
        width:21px;
        left: 10px
    }
}

.navbar.navbar-default-gogoro .navbar-toggle .icon-bar.icon-bar-one {
    top: 9px
}

.navbar.navbar-default-gogoro .navbar-toggle .icon-bar.icon-bar-two {
    top: 17px
}

@media(min-width: 768px) and (max-width:991px) {
    .navbar.navbar-default-gogoro .navbar-toggle .icon-bar.icon-bar-two {
        top:16px
    }
}

@media(max-width: 767px) {
    .navbar.navbar-default-gogoro .navbar-toggle .icon-bar.icon-bar-two {
        top:16px
    }
}

.navbar.navbar-default-gogoro .navbar-toggle .icon-bar.icon-bar-three {
    top: 25px
}

@media(min-width: 768px) and (max-width:991px) {
    .navbar.navbar-default-gogoro .navbar-toggle .icon-bar.icon-bar-three {
        top:23px
    }
}

@media(max-width: 767px) {
    .navbar.navbar-default-gogoro .navbar-toggle .icon-bar.icon-bar-three {
        top:23px
    }
}

.navbar.navbar-default-gogoro .navbar-brand {
    position: absolute;
    top: 17px;
    left: 20px;
    display: block;
    width: 132px;
    height: 56px;
    margin: 0!important;
    border: none
}

@media(min-width: 768px) and (max-width:991px) {
    .navbar.navbar-default-gogoro .navbar-brand {
        padding:10px 0;
        left: 15px!important;
        top: 7px;
        width: 75px;
        height: 41px
    }
}

@media(max-width: 767px) {
    .navbar.navbar-default-gogoro .navbar-brand {
        padding:10px 0;
        left: 15px!important;
        top: 7px;
        width: 75px;
        height: 41px
    }
}

.navbar.navbar-default-gogoro .navbar-brand .gogoro-logo {
    width: 102px;
    height: auto;
    display: block
}

@media(min-width: 768px) and (max-width:991px) {
    .navbar.navbar-default-gogoro .navbar-brand .gogoro-logo {
        width:75px;
        height: 21px
    }
}

@media(max-width: 767px) {
    .navbar.navbar-default-gogoro .navbar-brand .gogoro-logo {
        width:75px;
        height: 21px
    }
}

.navbar.navbar-default-gogoro .navbar-nav {
    position: absolute;
    top: 24px;
    right: 74px;
    margin: 0
}

@media(min-width: 768px) and (max-width:991px) {
    .navbar.navbar-default-gogoro .navbar-nav {
        display:none
    }
}

@media(max-width: 767px) {
    .navbar.navbar-default-gogoro .navbar-nav {
        display:none
    }
}

.navbar.navbar-default-gogoro .navbar-nav li {
    margin: 0 0 0 9px
}

.navbar.navbar-default-gogoro a {
    font-family: "graphik-light","HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
    border: none;
    padding: 10px
}

html[lang=zh-TW] .navbar.navbar-default-gogoro a {
    font-weight: 500;
    font-family: 'xingothic-w3','Microsoft JhengHei','STHeiti'
}

.navbar.navbar-default-gogoro a:hover {
    color: #00d7ff;
    background-color: transparent
}

.navbar-main {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    background-color: #00d7ff
}

.navbar-main .navbar-container {
    width: 400px;
    height: 100%;
    background-color: #00d7ff;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch
}

@media(max-width: 767px) {
    .navbar-main .navbar-container {
        width:268px
    }
}

.navbar-main .navbar-container::-webkit-scrollbar {
    width: 0!important
}

.navbar-main .navbar-items {
    -webkit-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    transform: translateX(-30px);
    width: 310px;
    height: 100%
}

@media(min-width: 768px) and (max-width:991px) {
    .navbar-main .navbar-items {
        width:238px
    }
}

@media(max-width: 767px) {
    .navbar-main .navbar-items {
        width:238px
    }
}

.navbar-main .navbar-primary,.navbar-main .navbar-secondary,.navbar-main .navbar-social {
    text-align: left;
    position: relative;
    float: none;
    width: 310px;
    margin: 64px 0 0 19px;
    z-index: 0
}

@media(min-width: 768px) and (max-width:991px) {
    .navbar-main .navbar-primary,.navbar-main .navbar-secondary,.navbar-main .navbar-social {
        width:238px;
        margin: 30px 0 0 0;
        padding-bottom: 18px
    }
}

@media(max-width: 767px) {
    .navbar-main .navbar-primary,.navbar-main .navbar-secondary,.navbar-main .navbar-social {
        width:238px;
        margin: 30px 0 0 0;
        padding-bottom: 18px
    }
}

.navbar-main .navbar-primary li,.navbar-main .navbar-secondary li,.navbar-main .navbar-social li {
    float: none;
    padding: 0;
    margin: 0
}

.navbar-main .navbar-primary li a,.navbar-main .navbar-primary li span,.navbar-main .navbar-secondary li a,.navbar-main .navbar-social li a {
    font-family: "graphik-extra-light","HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
    font-weight: 200;
    font-style: normal;
    padding: 12px 30px;
    font-size: 40px;
    font-size: 4rem;
    background-color: transparent;
    color: #323237;
    display: inline-block;
    border: none;
    text-align: left;
    line-height: 1;
    -webkit-transition: color 250ms ease;
    transition: color 250ms ease
}

html[lang=zh-TW] .navbar-main .navbar-primary li a,html[lang=zh-TW] .navbar-main .navbar-primary li span,html[lang=zh-TW] .navbar-main .navbar-secondary li a,html[lang=zh-TW] .navbar-main .navbar-social li a {
    font-family: 'Graphik-light','xingothic-w3','Microsoft JhengHei','STHeiti'
}

@media(min-width: 768px) and (max-width:991px) {
    .navbar-main .navbar-primary li a,.navbar-main .navbar-primary li span,.navbar-main .navbar-secondary li a,.navbar-main .navbar-social li a {
        font-size:32px;
        font-size: 3.2rem;
        padding: 18px 0
    }
}

@media(max-width: 767px) {
    .navbar-main .navbar-primary li a,.navbar-main .navbar-primary li span,.navbar-main .navbar-secondary li a,.navbar-main .navbar-social li a {
        font-size:32px;
        font-size: 3.2rem;
        padding: 18px 0
    }
}

.navbar-main .navbar-primary li a:hover,.navbar-main .navbar-primary li a.active,.navbar-main .navbar-secondary li a:hover,.navbar-main .navbar-secondary li a.active,.navbar-main .navbar-social li a:hover,.navbar-main .navbar-social li a.active {
    color: #f1f3f3;
    background-color: transparent
}

.navbar-main .navbar-primary li span {
    color: #f1f3f3
}

.navbar-main .navbar-secondary {
    margin: 24px 0 0 19px
}

@media(min-width: 768px) and (max-width:991px) {
    .navbar-main .navbar-secondary {
        margin:0
    }
}

@media(max-width: 767px) {
    .navbar-main .navbar-secondary {
        margin:0
    }
}

.navbar-main .navbar-secondary li a {
    font-family: "graphik-light","HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
    font-weight: 300;
    font-style: normal;
    font-size: 18px;
    font-size: 1.8rem;
    padding: 7px 30px
}

html[lang=zh-TW] .navbar-main .navbar-secondary li a {
    font-family: 'xingothic-w3','Microsoft JhengHei','STHeiti'
}

@media(min-width: 768px) and (max-width:991px) {
    .navbar-main .navbar-secondary li a {
        padding:7px 0
    }
}

@media(max-width: 767px) {
    .navbar-main .navbar-secondary li a {
        padding:7px 0
    }
}

.navbar-main .navbar-social {
    margin: 30px 0 0 34px;
    overflow: hidden
}

@media(min-width: 768px) and (max-width:991px) {
    .navbar-main .navbar-social {
        margin:16px 0 50px -10px
    }
}

@media(max-width: 767px) {
    .navbar-main .navbar-social {
        margin:16px 0 50px -10px
    }
}

.navbar-main .navbar-social li {
    float: left
}

.navbar-main .navbar-social li a {
    font-family: "graphik-light","HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
    font-weight: 300;
    font-style: normal;
    font-size: 29px;
    font-size: 2.9rem;
    padding: 7px 15px
}

html[lang=zh-TW] .navbar-main .navbar-social li a {
    font-family: 'xingothic-w3','Microsoft JhengHei','STHeiti'
}

@media(min-width: 768px) and (max-width:991px) {
    .navbar-main .navbar-social li a {
        padding:7px 10px
    }
}

@media(max-width: 767px) {
    .navbar-main .navbar-social li a {
        padding:7px 10px
    }
}

.navbar-main .close-navbar-primary {
    display: block;
    position: fixed;
    top: 15px;
    right: 30px;
    z-index: 1;
    font-size: 31px;
    color: #323237;
    border: none;
    text-align: left;
    line-height: 1;
    -webkit-transition: color 250ms ease;
    transition: color 250ms ease;
    background-color: transparent;
    padding: 0
}

.navbar-main .close-navbar-primary i {
    display: block;
    padding: 10px
}

@media(min-width: 768px) and (max-width:991px) {
    .navbar-main .close-navbar-primary {
        right:15px
    }
}

@media(max-width: 767px) {
    .navbar-main .close-navbar-primary {
        right:15px
    }
}

.navbar-main .close-navbar-primary:hover,.navbar-main .close-navbar-primary.active {
    color: #f1f3f3;
    background-color: transparent
}

.nav-pills-gogoro {
    margin-top: 0;
    margin-bottom: 0
}

@media(min-width: 768px) and (max-width:991px) {
    .nav-pills-gogoro {
        text-align:center
    }
}

@media(max-width: 767px) {
    .nav-pills-gogoro {
        text-align:center
    }
}

.nav-pills-gogoro li {
    margin-bottom: 2px
}

.nav-pills-gogoro li:last-of-type {
    margin-bottom: 0
}

@media(min-width: 768px) and (max-width:991px) {
    .nav-pills-gogoro li {
        display:inline-block;
        margin-bottom: 0
    }
}

@media(max-width: 767px) {
    .nav-pills-gogoro li {
        display:inline-block;
        margin-bottom: 0
    }
}

.nav-pills-gogoro li a {
    font-family: "graphik-semibold","HelveticaNeue","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 18px;
    color: #323237;
    border: none;
    -webkit-transition: background-color 250ms ease;
    transition: background-color 250ms ease
}

html[lang=zh-TW] .nav-pills-gogoro li a {
    font-weight: 500;
    font-family: 'xingothic-w8','Microsoft JhengHei','STHeiti'
}

.nav-pills-gogoro li a.active {
    color: #323237
}

.nav-pills-gogoro li a.active:hover {
    color: #323237
}

.nav-pills-gogoro li a:hover {
    background-color: transparent;
    color: #323237
}

@media(min-width: 768px) and (max-width:991px) {
    .nav-pills-gogoro li a {
        color:#c1c1c3;
        font-size: 16px;
        padding: 19px 15px;
        white-space: nowrap
    }
}

@media(max-width: 767px) {
    .nav-pills-gogoro li a {
        color:#c1c1c3;
        font-size: 16px;
        padding: 19px 15px;
        white-space: nowrap
    }
}

.nav-pills-gogoro li.active a {
    color: #323237;
    background-color: #f1f3f3
}

.border-fade-down.border-right {
    height: 100%;
    position: relative;
    z-index: 0
}

.fade-up {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 80%;
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(255,255,255,.01)),color-stop(100%,#fff))
}

#press-navigation {
    position: fixed;
    top: 50%;
    left: 0;
    width: 100%;
    z-index: 1000
}

#press-navigation .navigate-btn {
    display: block;
    position: absolute;
    top: 0;
    background-color: #fff;
    font-family: "graphik-semibold","HelveticaNeue","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
    font-weight: 600;
    font-style: normal;
    color: #323237;
    font-size: 18px;
    font-size: 1.8rem;
    text-align: center;
    border: 2px solid #323237;
    width: 252px
}

html[lang=zh-TW] #press-navigation .navigate-btn {
    font-weight: 500;
    font-family: 'xingothic-w8','Microsoft JhengHei','STHeiti'
}

#press-navigation .navigate-btn .text {
    float: left;
    padding: 25px 0 23px;
    width: 200px;
    text-align: center;
    font-size: 16px
}

#press-navigation .navigate-btn .icon {
    text-align: center;
    width: 48px;
    height: 76px;
    font-size: 54px;
    float: right;
    margin-bottom: -1px;
    border-left: 2px solid #323237
}

#press-navigation .navigate-btn .icon i {
    top: 5px
}

#press-navigation .navigate-older {
    left: -252px
}

#press-navigation .navigate-older .icon-left {
    position: relative;
    left: -6px
}

#press-navigation .navigate-newer {
    right: -252px
}

#press-navigation .navigate-newer .text {
    float: right
}

#press-navigation .navigate-newer .icon {
    float: left;
    border: none;
    border-right: 2px solid #323237
}

#press-navigation .navigate-newer .icon-right {
    position: relative;
    left: -2px
}

#press-navigation-mobile {
    overflow: hidden;
    text-align: center
}

#press-navigation-mobile .navigate-newer {
    float: right
}

#press-navigation-mobile .navigate-older {
    float: left
}

.navigation-topbar {
    padding: 24px 0;
    background-color: #f1f3f3
}

@media(min-width: 768px) and (max-width:991px) {
    .navigation-topbar {
        padding:12px 0 0
    }
}

@media(max-width: 767px) {
    .navigation-topbar {
        padding:12px 0 0
    }
}

.navigation-topbar a {
    color: #b9bcbf;
    overflow: hidden;
    padding-left: 0;
    padding-right: 0;
    border: none
}

.navigation-topbar h5 {
    font-family: "graphik-semibold","HelveticaNeue","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 18px;
    letter-spacing: 0;
    margin: 0
}

html[lang=zh-TW] .navigation-topbar h5 {
    font-weight: 500;
    font-family: 'xingothic-w8','Microsoft JhengHei','STHeiti'
}

.navigation-topbar .icon-down {
    font-size: 28px;
    margin-top: -4px;
    margin-bottom: -6px
}

.navigation-topbar .target {
    display: block
}

#page-navigation ul {
    margin-top: 24px
}

@media(min-width: 768px) and (max-width:991px) {
    #page-navigation ul {
        margin-top:0
    }
}

@media(max-width: 767px) {
    #page-navigation ul {
        margin-top:0
    }
}

body.navigation-active {
    overflow: hidden;
    height: 100%;
    width: 100%
}

.lt-ie9 body.navigation-active #site-container {
    left: -400px
}

#site-overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10000
}

.white .icon-bar {
    background: #fff!important
}

.white .gogoro-logo path {
    fill: white
}

.nav-bar-stop {
    width: 100%;
    text-align: right;
    display: none
}

.close-button {
    width: 50px;
    height: 50px;
    position: relative;
    z-index: 1000;
    background: none;
    border: none;
    margin-right: 30px;
    margin-top: 30px
}

.Rotate45deg {
    width: 100%;
    height: 2px;
    position: absolute;
    top: 24px;
    left: 0;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    background: #fff
}

.Rotate45degRev {
    width: 100%;
    height: 2px;
    position: absolute;
    top: 24px;
    left: 0;
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    background: #fff
}

ul.quick-links {
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    top: 20px
}

ul.quick-links li {
    font-size: 1.2em;
    float: left;
    margin-right: 15px;
    margin-bottom: 0
}

ul.quick-links li:last-child {
    margin-right: 0
}

ul.quick-links li a {
    font-family: "graphik-semibold","HelveticaNeue","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
    font-size: 13px;
    margin: 0
}

html[lang=zh-TW] .navbar-header ul.quick-links li a {
    font-weight: 500;
    font-family: "graphik-semibold",'xingothic-w8','Microsoft JhengHei','STHeiti'
}

.navbar.navbar-default-gogoro li .shoppingcartnum {
}

.navbar.navbar-default-gogoro li .shoppingcartnum a {
    display: block
}

.navbar.navbar-default-gogoro li .shoppingcartnum a div.cycle {
    display: table;
    width: 25px;
    height: 25px;
    background-color: #323237;
    border-radius: 25px;
    color: #fff;
    position: relative
}

.navbar.navbar-default-gogoro li .shoppingcartnum a:hover .cycle {
    background-color: #00d7ff
}

.navbar.navbar-default-gogoro li .shoppingcartnum a span.cycle {
}

.navbar-header ul.quick-links li .layout-table .layout-cell {
    vertical-align: middle
}

.navbar-header ul.quick-links li .layout-table .layout-cell.cell-space {
    width: 6px
}

.navbar-header ul.quick-links li.login-container {
    height: 45px
}

.navbar-header ul.quick-links li.login-container .layout-cell.cell-image {
    padding-top: 10px
}

.navbar-header ul.quick-links li.login-container .layout-cell.cell-name {
    padding-bottom: 5px
}

.navbar-header ul.quick-links li.login-container .layout-cell.cell-name a {
    padding-left: 0
}

.navbar-header ul.quick-links li.just-text {
    padding-top: 2.5px
}

.navbar-header ul.quick-links li.just-text a {
    font-family: "graphik-light","HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif
}

html[lang=zh-TW] .navbar-header ul.quick-links li.just-text a {
    font-family: 'xingothic-w3','Microsoft JhengHei','STHeiti'
}

@media(min-width: 768px) and (max-width:991px) {
    ul.quick-links {
        display:none;
        top: 12px
    }
}

@media(max-width: 767px) {
    ul.quick-links {
        display:none
    }
}

ul.main-links {
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    top: 25px;
    left: 160px
}

ul.main-links li {
    float: left
}

@media(min-width: 992px) and (max-width:1199px) {
    ul.main-links {

    }
}

@media(min-width: 768px) and (max-width:991px) {
    ul.main-links {
        top:12px;
        display: none
    }
}

@media(max-width: 767px) {
    ul.main-links {
        display:none
    }
}

.navbar.navbar-default-gogoro .main-links a {
    font-family: "graphik-ligh","HelveticaNeue","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 12px;
    font-size: 1.7rem;
    line-height: 1;
    border: none;
    padding: 10px
}

.navbar.navbar-default-gogoro {
    width: 1170px;
    margin: auto
}

ul.quick-links {
    right: 20px
}

@media(min-width: 992px) and (max-width:1199px) {
    .navbar.navbar-default-gogoro {
        width:992px;
        margin: auto
    }
}

@media(min-width: 768px) and (max-width:991px) {
    .navbar.navbar-default-gogoro {
        width:auto;
        margin: auto
    }
}

@media(max-width: 767px) {
    .navbar.navbar-default-gogoro {
        width:auto;
        margin: auto
    }
}

.quick-links .NavUserPic {
    margin-left: 10px;
    display: inline-block
}

.quick-links .NavUserPic a {
    color: #fff;
    padding: 3px
}

.quick-links .NavUserPic {
    -moz-background-size: 25px auto;
    -webkit-background-size: 25px auto;
    -o-background-size: 25px auto;
    background-size: 25px auto;
    border-radius: 50%;
    height: 25px;
    width: 25px
}

.tooltip-wrapper {
    position: relative
}

.tooltip-wrapper:hover .tooltip {
    opacity: .9
}

.tooltip-wrapper .tooltip {
    position: absolute;
    background-color: #fff;
    opacity: 0;
    transition: opacity .3s;
    color: #fff;
    line-height: 40px;
    padding: 0 12px;
    display: inline-block;
    white-space: nowrap;
    transform: translateX(-50%);
    top: -42px;
    left: 23px;
    min-width: 60px;
    text-align: center;
    border-radius: 1px;
    -webkit-box-shadow: 2px 1px 3px rgba(0,0,0,.15);
    -moz-box-shadow: 2px 1px 3px rgba(0,0,0,.15);
    box-shadow: 2px 1px 3px rgba(0,0,0,.15)
}

.tooltip-wrapper .tooltip:after {
    content: "";
    position: absolute;
    transform: translateX(-50%);
    left: 50%;
    bottom: -12px;
    border: 6px solid transparent;
    border-top: 6px solid #6d757d
}

.tooltip-wrapper .tooltip--bottom {
    top: inherit;
    bottom: -90px;
    font-size: 1.2rem
}

.tooltip-wrapper .tooltip--bottom:after {
    border: 6px solid transparent;
    border-bottom: 6px solid #fff;
    bottom: 80px
}

@media(max-width: 991px) {
    .navbar.navbar-default-gogoro .navbar-header a.mobile {
        font-family:"graphik-semibold","HelveticaNeue","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
        display: block;
        padding: 10px;
        width: 100px;
        position: absolute;
        top: 5px;
        right: 40px;
        font-size: 12px
    }

    .navbar.navbar-default-gogoro .navbar-header a.mobile .layout-cell {
        vertical-align: middle
    }

    html[lang=zh-TW] .navbar.navbar-default-gogoro .navbar-header a.mobile {
        font-family: 'xingothic-w8','Microsoft JhengHei','STHeiti';
        font-weight: 500
    }

    .navbar.navbar-default-gogoro .navbar-header a.mobile .cycle {
        width: 25px;
        height: 25px;
        background-color: #323237;
        border-radius: 25px;
        color: #fff;
        position: relative
    }
}

.module-image-hero .content-overlay {
    position: relative;
    z-index: 5
}

.module-image-hero h3 {
    font-family: "flama-condensed-bold","HelveticaNeue","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 140px;
    line-height: .8;
    text-transform: uppercase
}

html[lang=zh-TW] .module-image-hero h3 {
    line-height: 140px
}

html[lang=zh-TW] .module-image-hero h3 span.tw {
    display: block;
    font-size: 130px
}

@media(min-width: 768px) and (max-width:991px) {
    .module-image-hero h3 {
        width:100%;
        font-size: 120px;
        font-size: 12rem;
        text-align: center
    }
}

@media(max-width: 767px) {
    .module-image-hero h3 {
        width:100%;
        font-size: 38px;
        text-align: center
    }

    html[lang=zh-TW] .module-image-hero h3 {
        line-height: 35px
    }

    html[lang=zh-TW] .module-image-hero h3 span.tw {
        font-size: 38px
    }
}

@media(max-width: 767px) {
    .module-image-hero {
        height:320px!important
    }
}

.module-image-sequence {
    position: relative;
    background: #fff
}

.module-image-sequence .image {
    display: table;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    margin: auto
}

.module-image-sequence .image img {
    display: table-cell;
    width: 100%;
    height: auto
}

.module-image-sequence .image .trigger-wrapper {
    display: table-cell;
    width: 0
}

.module-image-sequence .image .trigger-wrapper .trigger {
    height: 66%
}

.module-page-intro {
    position: relative;
    background: #e5e5e5;
    background-size: 100%;
    width: 100%;
    height: 800px;
    position: relative;
    overflow: hidden
}

.module-page-intro:before {
    content: "";
    float: left
}

.module-page-intro:after {
    content: "";
    display: table;
    clear: both
}

.module-page-intro .container {
    position: relative;
    height: 100%
}

@media(max-width: 767px) {
    .module-page-intro {
        width:100%;
        height: 360px;
        position: relative;
        overflow: hidden
    }
}

.module-page-intro .container {
    position: relative
}

.module-page-intro .title-wrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 50
}

.module-page-intro .title-wrapper svg {
    position: absolute;
    width: 100%;
    height: 100%
}

.module-page-intro .title-wrapper svg.title {
    font-family: "flama-semicondensed-ultralight","HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
    font-weight: 700;
    font-style: normal
}

.module-page-intro .title-wrapper svg tspan {
    opacity: 0
}

@media(max-width: 767px) {
    .module-page-intro .title-wrapper svg {
        width:384px;
        height: 360px;
        left: 50%;
        margin-left: -192px
    }
}

@media(max-width: 767px) {
    .module-page-intro .title-wrapper {
        position:absolute;
        width: 100%;
        height: 100%;
        z-index: 50;
        top: -40px;
        left: 0
    }
}

.module-page-intro .background-image {
    position: absolute;
    width: 1280px;
    height: 800px;
    bottom: 0;
    left: 50%;
    margin-left: -640px;
    background-repeat: no-repeat;
    background-size: 100%;
    z-index: 100
}

.state-fallback .module-page-intro .background-image {
    position: relative;
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
    margin-left: 0;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 100;
    background-position: 50%
}

.module-page-intro .body {
    position: absolute;
    opacity: 0;
    bottom: 74px;
    margin: 0 25%;
    width: 50%;
    font-family: "graphik-light","HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
    font-weight: 300;
    font-style: normal;
    font-size: 18px;
    line-height: 24px;
    color: #323237;
    text-align: center;
    z-index: 200
}

html[lang=zh-TW] .module-page-intro .body {
    font-family: 'xingothic-w3','Microsoft JhengHei','STHeiti'
}

@media(min-width: 768px) and (max-width:991px) {
    .module-page-intro .body {
        margin:0 15%;
        width: 70%;
        bottom: 44px;
        font-size: 16px
    }
}

@media(max-width: 767px) {
    .module-page-intro .body {
        bottom:24px;
        right: 0;
        left: 0;
        font-size: 16px;
        padding: 0 15px;
        margin: 0;
        width: 100%
    }
}

.state-fallback .module-page-intro .body {
    opacity: 1
}

.module-summary-info {
    position: relative;
    background: #0069d2;
    overflow: hidden;
    padding: 48px 0
}

@media(min-width: 768px) and (max-width:991px) {
    .module-summary-info {
        padding:48px 0 60px
    }
}

@media(max-width: 767px) {
    .module-summary-info {
        padding:48px 0 60px
    }
}

.module-summary-info .container {
    padding: 0
}

.module-summary-info .row {
    height: 100%
}

.module-summary-info .row .col-md-4 {
    height: 100%
}

.module-summary-info .row .col-md-4:first-child {
    border-left: 0
}

.module-summary-info .row .col-md-4:last-child {
    border-right: 0
}

.module-summary-info .row .col-md-4 .title {
    opacity: 0;
    position: relative;
    height: 24px;
    font-family: "graphik-extra-light","HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
    font-weight: 200;
    font-style: normal;
    font-size: 32px;
    line-height: 1;
    text-align: center
}

html[lang=zh-TW] .module-summary-info .row .col-md-4 .title {
    font-family: 'xingothic-w3','Microsoft JhengHei','STHeiti'
}

@media(max-width: 767px) {
    .module-summary-info .row .col-md-4 .title {
        font-size:24px
    }
}

.module-summary-info .row .col-md-4 .body {
    position: relative;
    margin-top: 24px;
    padding: 0 15px;
    text-align: center
}

@media(min-width: 768px) and (max-width:991px) {
    .module-summary-info .row .col-md-4 .body {
        margin-top:24px;
        padding: 0 25px
    }
}

@media(max-width: 767px) {
    .module-summary-info .row .col-md-4 .body {
        margin-top:24px;
        padding: 0 25px
    }
}

.module-summary-info .row .col-md-4 .body .big,.module-summary-info .row .col-md-4 .body .small {
    display: inline-block
}

.module-summary-info .row .col-md-4 .body .big {
    font-family: "flama-semicondensed-ultralight","HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 144px;
    line-height: .8
}

@media(max-width: 767px) {
    .module-summary-info .row .col-md-4 .body .big {
        font-size:138px
    }
}

.module-summary-info .row .col-md-4 .body .small {
    margin-left: 10px;
    font-family: "graphik-semibold","HelveticaNeue","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 18px;
    text-align: left
}

html[lang=zh-TW] .module-summary-info .row .col-md-4 .body .small {
    font-family: 'xingothic-w8','Microsoft JhengHei','STHeiti';
    font-weight: 500
}

.module-summary-info .row .col-md-4 .body .small sup {
    position: relative;
    vertical-align: top;
    font-size: 9px;
    line-height: 27px
}

.module-summary-info .row .col-md-4 .description {
    font-family: "graphik-light","HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 16px;
    margin-top: 24px;
    padding: 0 15px;
    text-align: center
}

html[lang=zh-TW] .module-summary-info .row .col-md-4 .description {
    font-family: 'xingothic-w3','Microsoft JhengHei','STHeiti'
}

@media(max-width: 767px) {
    .module-summary-info .row .col-md-4 .description {
        padding:0 25px;
        margin-top: 24px
    }
}

.module-summary-info .slick-dots {
    position: absolute;
    bottom: -36px;
    margin: 0
}

.module-video {
    position: relative;
    height: 600px;
    width: 100%;
    overflow: hidden
}

.module-video .video-viewport {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden
}

.module-video .video {
    width: 2560px;
    height: 600px;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -1280px;
    z-index: 0
}

.module-video .video video {
    position: absolute;
    left: 0;
    top: 0
}

.module-video .launch-video-modal {
    position: absolute;
    bottom: 75px;
    left: 50%;
    margin-left: -134px;
    z-index: 100
}

.module-video .btn.btn-translucent {
    opacity: 0;
    display: none
}

@media(min-width: 768px) and (max-width:991px) {
    .module-video .btn.btn-translucent {
        display:block;
        opacity: .6
    }
}

@media(max-width: 767px) {
    .module-video .btn.btn-translucent {
        display:block;
        opacity: .6
    }
}

.mobile .module-video .btn.btn-translucent {
    display: block;
    opacity: .6
}

.module-video:hover .btn.btn-translucent {
    opacity: .3
}

@media(min-width: 768px) and (max-width:991px) {
    .module-video:hover .btn.btn-translucent {
        opacity:.6
    }
}

@media(max-width: 767px) {
    .module-video:hover .btn.btn-translucent {
        opacity:.6
    }
}

.mobile .module-video:hover .btn.btn-translucent {
    opacity: .6
}

.module-video:hover .btn.btn-translucent:hover {
    opacity: .6
}

@media(min-width: 768px) and (max-width:991px) {
    .module-video:hover .btn.btn-translucent:hover {
        opacity:.6
    }
}

@media(max-width: 767px) {
    .module-video:hover .btn.btn-translucent:hover {
        opacity:.6
    }
}

.mobile .module-video:hover .btn.btn-translucent:hover {
    opacity: .6
}

@media(min-width: 768px) and (max-width:991px) {
    .module-video {
        background-size:cover!important
    }
}

@media(max-width: 767px) {
    .module-video {
        background-size:cover!important
    }
}

@charset "UTF-8";.module-video-scroller {
    position: relative
}

.module-video-scroller .module-video-scroller-content {
    position: absolute;
    overflow: visible!important;
    z-index: 500
}

.module-video-scroller .module-video-scroller-content.pinned {
    cursor: pointer
}

.module-video-scroller .module-video-scroller-content .frame-pagination-wrapper {
    position: absolute;
    display: table;
    width: 20px;
    height: 100%;
    right: 40px;
    z-index: 1000
}

.module-video-scroller .module-video-scroller-content .frame-pagination-wrapper .frame-pagination {
    position: relative;
    display: table-cell;
    width: 100%;
    height: 100%;
    opacity: 0;
    vertical-align: middle
}

.module-video-scroller .module-video-scroller-content .frame-pagination-wrapper .frame-pagination .page-wrapper {
    position: relative
}

.module-video-scroller .module-video-scroller-content .frame-pagination-wrapper .frame-pagination .page-wrapper:hover .title {
    display: block
}

.module-video-scroller .module-video-scroller-content .frame-pagination-wrapper .frame-pagination .page-wrapper:hover .page:before {
    color: #323237;
    opacity: 1;
    content: ""
}

.module-video-scroller .module-video-scroller-content .frame-pagination-wrapper .frame-pagination .page-wrapper.active .page:before {
    color: #323237;
    opacity: 1;
    content: ""
}

.module-video-scroller .module-video-scroller-content .frame-pagination-wrapper .frame-pagination .page-wrapper .title {
    position: absolute;
    display: none;
    top: 0;
    right: 0;
    width: 300px;
    height: 20px;
    padding-right: 22px;
    text-align: right;
    font-family: "graphik-light","HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
    font-weight: 300;
    font-style: normal;
    font-size: 14px;
    line-height: 20px;
    color: #323237;
    cursor: pointer
}

.module-video-scroller .module-video-scroller-content .frame-pagination-wrapper .frame-pagination .page-wrapper .page {
    position: relative;
    height: 20px;
    width: 20px;
    margin-bottom: 14px;
    border: 0;
    padding: 5px;
    background: transparent;
    outline: none;
    font-size: 0;
    line-height: 0;
    color: transparent;
    cursor: pointer
}

.module-video-scroller .module-video-scroller-content .frame-pagination-wrapper .frame-pagination .page-wrapper .page:hover,.module-video-scroller .module-video-scroller-content .frame-pagination-wrapper .frame-pagination .page-wrapper .page:focus {
    outline: none
}

.module-video-scroller .module-video-scroller-content .frame-pagination-wrapper .frame-pagination .page-wrapper .page:hover:before,.module-video-scroller .module-video-scroller-content .frame-pagination-wrapper .frame-pagination .page-wrapper .page:focus:before {
    color: #323237;
    opacity: 1
}

.module-video-scroller .module-video-scroller-content .frame-pagination-wrapper .frame-pagination .page-wrapper .page:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 20px;
    height: 20px;
    font-family: "gogoro-icons";
    font-size: 12px;
    line-height: 20px;
    text-align: center;
    color: #c1c1c3;
    opacity: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.module-video-scroller .module-video-scroller-content .video-viewport-wrapper {
    position: absolute;
    height: auto;
    overflow: hidden
}

.module-video-scroller .module-video-scroller-content .video-viewport-wrapper .video-viewport {
    position: relative;
    float: right;
    right: 50%;
    margin: auto
}

.module-video-scroller .module-video-scroller-content .video-viewport-wrapper .video-viewport video {
    position: relative;
    right: -50%
}

.module-video-scroller .module-video-scroller-content .content-wrapper {
    opacity: 0
}

.module-video-scroller .module-video-scroller-content .frame-0 {
    opacity: 1
}

.module-video-scroller .module-video-scroller-backgrounds-wrapper {
    position: absolute;
    top: 0;
    width: 100%
}

.module-video-scroller .module-video-scroller-backgrounds-wrapper .module-video-scroller-backgrounds {
    position: relative;
    width: 100%;
    z-index: 100
}

.module-video-scroller .module-video-scroller-backgrounds-wrapper .module-video-scroller-backgrounds .trigger {
    position: absolute;
    width: 100%;
    height: 1px
}

@charset "UTF-8";.module-video-slider {
    position: relative
}

.module-video-slider .module-video-slider-content {
    position: absolute;
    cursor: pointer;
    z-index: 500
}

.module-video-slider .module-video-slider-content .content-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 48px 15px;
    margin: 0
}

.module-video-slider .module-video-slider-content .frame-pagination {
    position: absolute;
    width: 100%;
    height: 20px;
    bottom: 34px;
    text-align: center;
    z-index: 1000
}

.module-video-slider .module-video-slider-content .frame-pagination .page {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 7px;
    border: 0;
    padding: 5px;
    background: transparent;
    outline: none;
    font-size: 0;
    line-height: 0;
    color: transparent;
    cursor: pointer
}

.module-video-slider .module-video-slider-content .frame-pagination .page:hover,.module-video-slider .module-video-slider-content .frame-pagination .page:focus {
    outline: none
}

.module-video-slider .module-video-slider-content .frame-pagination .page:hover:before,.module-video-slider .module-video-slider-content .frame-pagination .page:focus:before {
    color: #323237;
    opacity: 1
}

.module-video-slider .module-video-slider-content .frame-pagination .page:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 20px;
    height: 20px;
    font-family: "gogoro-icons";
    font-size: 12px;
    line-height: 20px;
    text-align: center;
    color: #c1c1c3;
    opacity: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.module-video-slider .module-video-slider-content .frame-pagination .page.active:before {
    color: #323237;
    opacity: 1;
    content: ""
}

.module-video-slider .module-video-slider-content .video-viewport-wrapper {
    position: absolute
}

.module-video-slider .module-video-slider-content .video-viewport-wrapper .video-viewport {
    position: relative;
    float: right;
    right: 50%;
    margin: auto
}

.module-video-slider .module-video-slider-content .video-viewport-wrapper .video-viewport video {
    position: relative;
    right: -50%
}

.module-video-slider .module-video-slider-content .content-wrapper {
    opacity: 0
}

.module-video-slider .module-video-slider-content .frame-0 {
    opacity: 1
}

.tabbar-container {
    position: relative;
    z-index: 840
}

@media(max-width: 767px) {
    .tabbar-container {
        height:52px;
        position: relative
    }
}

.tabbar-container.cloned {
    display: none;
    height: 100%;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2000;
    width: 100%
}

.tabbar-container.cloned.faster {
    background-color: #0069d2
}

.tabbar-container.cloned.smarter {
    background-color: #00c3e5
}

.tabbar-container.cloned.easier {
    background-color: #24b84c
}

.tabbar-container.cloned.customize {
    background-color: #c0df16
}

.tabbar-container.cloned .tabbar-wrapper {
    height: 100%;
    display: table
}

.tabbar-container.cloned .tabbar-wrapper .tabbar {
    display: table-cell;
    vertical-align: middle;
    display: none;
    position: relative;
    border: none;
    background-color: transparent
}

.tabbar-container.cloned .tabbar-wrapper .tabbar a {
    font-family: "graphik-extra-light","HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
    font-weight: 200;
    font-style: normal;
    font-size: 42px;
    font-size: 4.2rem;
    line-height: 1;
    color: #fff;
    background-color: transparent;
    display: block;
    text-align: center;
    border: none;
    margin: 5px 0
}

html[lang=zh-TW] .tabbar-container.cloned .tabbar-wrapper .tabbar a {
    font-family: 'xingothic-w3','Microsoft JhengHei','STHeiti'
}

.tabbar-container.cloned .tabbar-wrapper .tabbar a:hover,.tabbar-container.cloned .tabbar-wrapper .tabbar a:active,.tabbar-container.cloned .tabbar-wrapper .tabbar a.active {
    background-color: transparent
}

.tabbar-container.cloned .tabbar-wrapper .tabbar a span {
    float: none
}

.tabbar-container.cloned .tabbar-wrapper .tabbar a .icon-arrow-down {
    display: none!important
}

.tabbar-container.cloned .tabbar-wrapper .icon-close {
    display: block;
    cursor: pointer;
    color: #fff;
    position: absolute;
    top: 0;
    right: 0;
    padding: 22px 17px
}

.tabbar-wrapper {
    position: relative;
    background-color: transparent;
    -webkit-transition: height 150ms ease-out;
    transition: height 150ms ease-out;
    z-index: 800
}

@media(max-width: 767px) {
    .tabbar-wrapper {
        height:52px
    }
}

.tabbar-wrapper .tabbar {
    background-color: #fff;
    box-shadow: 0 1px 0 rgba(0,0,0,.05);
    color: #323237
}

@media(max-width: 767px) {
    .tabbar-wrapper .tabbar {
        margin:0;
        box-shadow: none;
        height: 52px;
        overflow: hidden
    }

    .cloned .tabbar-wrapper .tabbar {
        box-shadow: none;
        border-top: 1px solid #f1f3f3
    }
}

@media(min-width: 992px) and (max-width:1199px) {
    .tabbar-wrapper .tabbar .container {
        margin-right:auto;
        margin-left: auto;
        padding-left: 15px;
        padding-right: 15px;
        width: auto
    }
}

@media(min-width: 768px) and (max-width:991px) {
    .tabbar-wrapper .tabbar .container {
        margin-right:auto;
        margin-left: auto;
        padding-left: 15px;
        padding-right: 15px;
        width: auto
    }
}

@media(max-width: 767px) {
    .tabbar-wrapper .tabbar .container {
        position:relative;
        height: 52px;
        padding: 0
    }

    .tabbar-wrapper .tabbar .container .row {
        margin: 0
    }
}

@media(max-width: 767px) {
    .tabbar-wrapper .tabbar .container .col-xs-12 {
        position:absolute
    }
}

.tabbar-wrapper .tabbar .col-sm-3 {
    border-right: 1px solid #f1f3f3;
    border-left: 1px solid #f1f3f3
}

@media(max-width: 767px) {
    .tabbar-wrapper .tabbar .col-sm-3 {
        border:none
    }
}

.tabbar-wrapper .tabbar a {
    margin: 0 -1px;
    display: block;
    font-family: "graphik-light","HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
    font-weight: 300;
    font-style: normal;
    font-size: 18px;
    font-size: 1.8rem;
    text-align: center;
    color: #323237;
    padding: 39px 0 37px;
    border-bottom: 0;
    overflow: hidden;
    -webkit-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
    -webkit-transition-property: padding,background-color,color;
    transition-property: padding,background-color,color;
    white-space: nowrap
}

html[lang=zh-TW] .tabbar-wrapper .tabbar a {
    font-family: 'xingothic-w3','Microsoft JhengHei','STHeiti'
}

@media(max-width: 767px) {
    .tabbar-wrapper .tabbar a {
        display:none;
        padding: 13px 15px 12px;
        border: none
    }
}

@media(max-width: 767px) {
    .tabbar-wrapper .tabbar a span {
        float:left
    }
}

.tabbar-wrapper .tabbar a .icon {
    display: none;
    position: relative;
    top: 5px;
    right: 3px;
    float: right
}

.tabbar-wrapper .tabbar a:link,.tabbar-wrapper .tabbar a:active {
    text-decoration: none
}

.tabbar-wrapper .tabbar a:hover,.tabbar-wrapper .tabbar a.active {
    display: block;
    color: #fff
}

.tabbar-wrapper .tabbar a:hover.faster,.tabbar-wrapper .tabbar a.active.faster {
    background-color: #0069d2;
    border-left-color: #0069d2;
    border-right-color: #0069d2
}

.tabbar-wrapper .tabbar a:hover.faster:hover,.tabbar-wrapper .tabbar a.active.faster:hover {
    color: #fff
}

@media(max-width: 767px) {
    .tabbar-wrapper .tabbar a:hover.faster,.tabbar-wrapper .tabbar a.active.faster {
        display:block
    }
}

.tabbar-wrapper .tabbar a:hover.smarter,.tabbar-wrapper .tabbar a.active.smarter {
    background-color: #00c3e5;
    border-left-color: #00c3e5;
    border-right-color: #00c3e5
}

.tabbar-wrapper .tabbar a:hover.smarter:hover,.tabbar-wrapper .tabbar a.active.smarter:hover {
    color: #fff
}

@media(max-width: 767px) {
    .tabbar-wrapper .tabbar a:hover.smarter,.tabbar-wrapper .tabbar a.active.smarter {
        display:block
    }
}

.tabbar-wrapper .tabbar a:hover.easier,.tabbar-wrapper .tabbar a.active.easier {
    background-color: #24b84c;
    border-left-color: #24b84c;
    border-right-color: #24b84c
}

.tabbar-wrapper .tabbar a:hover.easier:hover,.tabbar-wrapper .tabbar a.active.easier:hover {
    color: #fff
}

@media(max-width: 767px) {
    .tabbar-wrapper .tabbar a:hover.easier,.tabbar-wrapper .tabbar a.active.easier {
        display:block
    }
}

.tabbar-wrapper .tabbar a:hover.customize,.tabbar-wrapper .tabbar a.active.customize {
    background-color: #c0df16;
    border-left-color: #c0df16;
    border-right-color: #c0df16
}

.tabbar-wrapper .tabbar a:hover.customize:hover,.tabbar-wrapper .tabbar a.active.customize:hover {
    color: #fff
}

@media(max-width: 767px) {
    .tabbar-wrapper .tabbar a:hover.customize,.tabbar-wrapper .tabbar a.active.customize {
        display:block
    }
}

@media(max-width: 767px) {
    .tabbar-wrapper .tabbar a:hover .icon,.tabbar-wrapper .tabbar a.active .icon {
        display:block
    }
}

@media(max-width: 767px) {
    .cloned .tabbar-wrapper .tabbar {
        height:auto
    }
}

@media(max-width: 767px) {
    .cloned .tabbar-wrapper .tabbar .col-xs-12 {
        position:relative
    }
}

.cloned .tabbar-wrapper .tabbar a {
    border-bottom: 1px solid #f1f3f3
}

@media(max-width: 767px) {
    .tabbar-wrapper .tabbar .row {
        height:auto
    }
}

.tabbar-wrapper .tabbar .row div {
    padding: 0
}

.tabbar-wrapper.fixed {
}

@media(max-width: 767px) {
    .tabbar-wrapper.fixed {
        height:52px;
        position: relative
    }
}

.tabbar-wrapper.fixed .tabbar {
    margin: 0 0 75px 0;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%
}

@media(max-width: 767px) {
    .tabbar-wrapper.fixed .tabbar {
        margin:0
    }
}

.tabbar-wrapper.fixed .tabbar .row div a {
    padding: 12px 0
}

@media(max-width: 767px) {
    .tabbar-wrapper.fixed .tabbar .row div a {
        padding:13px 15px 12px
    }
}

#ie-upgrade-box {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 999;
    background-color: rgba(255,255,255,.9)
}

#ie-upgrade-box .ie-upgrade-box-content {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -350px;
    margin-top: -300px;
    width: 700px;
    height: 560px;
    text-align: center;
    background-color: #fff
}

#ie-upgrade-box .ie-upgrade-box-content h2 {
    margin-bottom: 15px
}

html.lt-ie9 #ie-upgrade-box .ie-upgrade-box-content h2 {
    font-size: 44px
}

#ie-upgrade-box .ie-upgrade-box-content .ie-upgrade-box-body {
    padding: 50px;
    border: 2px solid #f1f3f3
}

#ie-upgrade-box .ie-upgrade-box-content .ie-upgrade-box-body p {
    margin-top: 0;
    text-align: left;
    color: #323237
}

#ie-upgrade-box .ie-upgrade-box-content .ie-upgrade-box-body ul {
    list-style: none;
    margin: 6px 0 24px 0;
    padding: 0
}

#ie-upgrade-box .ie-upgrade-box-content .ie-upgrade-box-body ul li {
    display: inline-block;
    width: 67px;
    margin-right: 75px
}

#ie-upgrade-box .ie-upgrade-box-content .ie-upgrade-box-body ul li.last {
    margin-right: 0
}

#ie-upgrade-box .ie-upgrade-box-content .ie-upgrade-box-body ul li a {
    display: block;
    text-decoration: none;
    color: #bdc3c7;
    font-size: 14px;
    border: none
}

#ie-upgrade-box .ie-upgrade-box-content .ie-upgrade-box-body ul li a i.browser {
    display: block;
    width: 67px;
    height: 67px
}

#ie-upgrade-box .ie-upgrade-box-content .ie-upgrade-box-body ul li a i.browser.browser--chrome {
    background: url("//images.gogoroapp.com/icons/logo-chrome.png") center no-repeat
}

#ie-upgrade-box .ie-upgrade-box-content .ie-upgrade-box-body ul li a i.browser.browser--chrome:hover {
    background: url("//images.gogoroapp.com/icons/logo-chrome-press.png") center no-repeat
}

#ie-upgrade-box .ie-upgrade-box-content .ie-upgrade-box-body ul li a i.browser.browser--firefox {
    background: url("//images.gogoroapp.com/icons/logo-firefox.png") center no-repeat
}

#ie-upgrade-box .ie-upgrade-box-content .ie-upgrade-box-body ul li a i.browser.browser--firefox:hover {
    background: url("//images.gogoroapp.com/icons/logo-firefox-press.png") center no-repeat
}

#ie-upgrade-box .ie-upgrade-box-content .ie-upgrade-box-body ul li a i.browser.browser--ie11 {
    background: url("//images.gogoroapp.com/icons/logo-ie.png") center no-repeat
}

#ie-upgrade-box .ie-upgrade-box-content .ie-upgrade-box-body ul li a i.browser.browser--ie11:hover {
    background: url("//images.gogoroapp.com/icons/logo-ie-press.png") center no-repeat
}
